<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="author" content="Night">
  <!-- 移动端适配 -->
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
  <!-- 重置css -->
  <link rel="stylesheet" type="text/css" href="./css/reset.css"/>
  <!-- rem.js -->
  <script type="text/javascript" src="./js/winResponsive.js"></script>
  <!-- index.css -->
  <link rel="stylesheet" type="text/css" href="./css/search.css">
  <title>Bee Mall_search</title>
 </head>
 <body>
   <!-- header start -->
   <header>
        <div class="container clear">
                <a href="#" class="back"><</a>
                <div class="search">
                    <img src="./images/search_06.png" alt="">
                    <form action="#">
                        <input type="text" name="keywords" placeholder="输入商家、分类或商圈"/>
                    </form>
                </div>
                <div class="logo">
                    <a href="#">
                        <img src="./images/bee_03.png" alt="">
                    </a>
                </div>
        </div> 
   </header>
   <section class="content">
        <setion class="banner">
            <div class="groupone">
                <span>热门搜索</span>
                <span>其美烤肉自助火锅城</span>
                <span>新聚点量版ktv</span>
            </div>
            <div class="grouptwo">
                <span>新聚点量版ktv</span>
                <span>新聚点量版ktv</span>
            </div>
            <div class="grouptwo groupthree">
                <span>新聚点量版ktv</span>
                <span>新聚点量版ktv</span>
            </div>
            <div class="list">
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </setion>
        <section class="list">
            <ul>
                <li>
                    <img src="./images/搜索_03.png" alt="">
                    <span>联通流量充值</span>
                </li>
                <li>
                    <img src="./images/搜索_03.png" alt="">
                    <span>联通流量充值</span>
                </li>
                <li>
                    <img src="./images/搜索_03.png" alt="">
                    <span>联通流量充值</span>
                </li>
                <li>
                    <img src="./images/搜索_03.png" alt="">
                    <span>联通流量充值</span>
                </li>
            </ul>
            <div class="last">
                <img src="./images/搜索_07.png" alt="">
                <span>清除历史记录</span>
            </div>
            
        </section>
        <div class="while"></div>
   </section>
   <!-- footer start -->
   
   
 </body>
 </html>